<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/hulianxiwomen.css">
    <link  rel="stylesheet"  href="css/head.css">
    <link rel="stylesheet"  href="css/fudong.css">
</head>
<body>
<div  class="head"></div>
<div class="fudongd"></div>
<div  id="hucontain">
    <div>
        <div class="dan"   v-for="item in lists">
            <div><img  :src="item.src" /></div>
            <div>
                <div>{{item.title}}</div>
                <div>
                    <div class="huxleft">
                        <div><div>校长:</div><div>{{item.name}}</div></div>
                        <div><div>咨询电话:</div><div>{{item.phone}}</div></div>
                        <div><div>联系邮箱:</div><div>{{item.email}}</div></div>
                        <div><div>小区地址:</div><div>{{item.address}}</div></div>
                        <div><div>查看所有课程</div><div><a  href="http://wpa.qq.com/msgrd?v=3&uin=932118075&site=qq&menu=yes">在线联系</a><img   :src="src" /></div></div>
                    </div>
                    <div  @click="maps($event)" :addres="item.address" class="huxright"><img :src=" item.seimg "  /></div>
                </div>
            </div>
        </div>
    </div>
</div>


<div  class="dibussss"></div>
</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">


    $(document).on("click",".huxright",function () {
        // $(this).getAttribute("addres")
        var  sss=$(this).attr("addres")
        console.log(sss)
       window.open(decodeURI("xqhulianxiwomen.html?address="+sss));
    })

    $(document).ready(function () {
        $(".head").load("head.html")
        $(".fudongd").load("fudong.html")
        $(".dibussss").load("dibu.html")
    })

    new Vue({
        el:"#hucontain",
        data:{
            src:"http://bzt.cybwnt.com/uploads/zhongxue/webzixund.png",
            lists:[
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市锦江区中纱帽街8号3栋5001室",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市温江区光华之心",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
                {src:"http://bzt.cybwnt.com/uploads/zhongxue/webmapd.png",title:"成都博知堂教育学校",name:"陈飞宇",phone:"10101212",email:"9651211485@qq.com",address:"四川省成都市锦江区中纱帽街8号3栋5001室",seimg:"http://bzt.cybwnt.com/uploads/zhongxue/webmaps.png"},
            ]
        },
        methods:{
     maps:function ($event) {
         var es=$event.target.getAttribute("addres")
      console.log(es)
         // console.log(address)
         // window.open("xqhulianxiwomen.html?address");
     }


        }

    })


</script>
</html>